<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <!-- 引入重置样式 -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入登录页样式 -->
    <link rel="stylesheet" href="css/login.css">

</head>

<body>
    <!-- 头部 -->
    <header id="header">
        <div class="top">
            <div class="container clearfix">
                <div class="fl">legochina.cn</div>
                <div class="fr">
                    欢光临<a href="index.html">乐购</a> ,请&emsp;<a href="login.html">登录</a> / <a href="register.html">注册</a>
                </div>
                <a href="index.html" class="logo">
                    <img src="images/index/logo.jpg">
                </a>
            </div>
        </div>
        <div class="welcome container">欢迎登陆</div>
    </header>
    <section id="banner">
        <div class="container">
            <div class="loginbox">
                <div class="card clearfix">
                    <div> 扫码登录</div>
                    <div class="div_cur">账户登录</div>
                </div>
                <div class="con">
                    <img src="images/erweima.jpg" alt="">
                    <p class="sao">打开手机版&emsp;<a href="#">乐购APP</a>&emsp;扫一扫</p>
                </div>
                <div class="con con_cur">
                    <form action="" method="get" id="loginform">
                        <div class="clearfix bd">
                            <div class="user"></div>
                            <input type="text" name="user" id="user" value="1234567">
                            <p class="error"></p>
                        </div>
                        <div>
                            <div class="psd"></div>
                            <input type="password" name="psd" id="psd">
                            <p class="error"></p>
                        </div>
                        <div class="clearfix">
                            <label><input type="checkbox" id="checkbox">自动登录</label><a class="fr">忘记密码</a>
                        </div>
                        <div>
                            <input type="submit" name="sub" id="sub">
                        </div>
                    </form>
                    <div class="set">
                        <a href="register.html">立即注册</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 页尾 -->
    <footer id="footer">
        <div class="footer_botm container">
            <a href="">公司简介</a>&emsp;|&emsp;
            <a href=""> Investor Relations</a>&emsp;|&emsp;
            <a href=""> 网站联盟 </a>&emsp;|&emsp;
            <a href=""> 乐购招商 </a>&emsp;|&emsp;
            <a href=""> 机构销售 </a>&emsp;|&emsp;
            <a href=""> 手机乐购 </a>&emsp;|&emsp;
            <a href=""> 官方Blog </a>&emsp;|&emsp;
            <a href=""> 热词搜索 </a>
            <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
    </footer>
</body>
<!-- 1. 引入jQuery -->
<script src="lib/jquery.js"></script>
<!-- 2.引入公共js -->
<script src="js/common.js"></script>
<!-- 3.引入登录页js文件 -->
<script src="js/login.js"></script>

</html>